<template>
    <div class="sign-container">
        <sign-header></sign-header>
        <div class="sign-main">
            <div class="container">
                <div class="sign-modal fr">
                  <router-view/>
                </div>
            </div>
        </div>
        <sign-footer></sign-footer>
    </div>
</template>

<script>
    import SignHeader from '@/pages/sign-in/components/SignHeader.vue'
    import SignFooter from '@/pages/sign-in/components/SignFooter.vue'
    export default {
        name: "ResetPassWord",
        components: {
            SignHeader,
            SignFooter
        },
        data() {
            return {
                passwordSwitch: false,
                codeSwitch: true,
            }
        },
        methods: {
            goPage(path) {
                this.$router.push({
                    path: path,
                    // query: {
                    //     // 保证每次点击路由的query项都是不一样的，确保会重新刷新view
                    //     t: +new Date()
                    // }
                })
            },
            signIn() {
                this.goPage('/EnterprisInfor');
            },
            // 更换登录方式 0密码登录 1验证码登录
            loginChange(swi) {
                this.passwordSwitch = !swi;
                this.codeSwitch = swi
            }
        }
    }
</script>

<style scoped lang="less">
    .sign-container /deep/ .el-form-item__content {
        margin: 0;
    }
    .sign-container /deep/ .el-form-item {
        margin-bottom: 29px;
        &:last-of-type {
            margin-bottom: 19px;
        }
    }
    .sign-container /deep/ .el-input__prefix  {
        left: 8px;
        top: 2px;
    }
    .sign-container /deep/ .el-checkbox__label {
        font-size:12px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(153,153,153,1);
    }
    .sign-container {
        background: #fff;
        .sign-main {
            height: 800px;
            background: url("../../../assets/images/sign-in/login_bg.png") no-repeat 50% 50%/cover;
            .container {
                width: 1200px;
                background: none;
                .sign-modal {
                    width: 440px;
                    height: 440px;
                    padding: 50px 58px;
                    margin-top: 120px;
                    box-sizing: border-box;
                    background: rgba(255, 255, 255, 1);
                    box-shadow: 0 4px 20px 0 rgba(51, 25, 25, 0.1);
                    border-radius: 4px;
                }
            }
        }
    }

    .text-btn {
        color: #188EEE;
        cursor: pointer;
    }
    .form-select {
        height: 36px;
        margin-bottom: 40px;
        .person-btn, .enterpris-btn {
            width: 155px;
            height: 36px;
            line-height: 36px;
            background: rgba(255, 255, 255, 1);
            border: 1px solid rgba(227, 231, 237, 1);
            font-family: MicrosoftYaHei;
            color: rgba(51, 51, 51, 1);
            text-align: center;
            cursor: pointer;
            &:hover {
                .active;
            }
        }
        .active {
            border: 1px solid rgba(230, 31, 31, 1);
            box-shadow: 0px 2px 4px 0px rgba(230, 31, 31, 0.12);
            font-weight: 400;
            color: rgba(230, 31, 31, 1);
        }
    }
    .submit {
        margin-top: 19px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        background: rgba(230, 31, 31, 1);
        font-size: 16px;
        font-family: MicrosoftYaHei;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
    }
    .remarks {
        margin-top: 19px;
        font-size: 14px;
        text-align: center;
        font-family: MicrosoftYaHei;
        font-weight: 400;
        color: rgba(102, 102, 102, 1);
        .login {
            color: #188EEE;
            cursor: pointer;
        }

    }
</style>